<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>The transparent music recommender system</title>

<!-- load stylesheets -->
<link rel="stylesheet" href="$views/css/image.css">
<link rel="stylesheet" href="$views/css/throbber.css">
<link rel="stylesheet" href="$views/css/list.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/intro.css">
<link rel="stylesheet" href="css/offline.css">
<link rel="stylesheet" href="css/animate.css">

<!-- load JQuery -->
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>


<!-- load tagcloud -->
<link rel="stylesheet" href="css/tagCloudStyle.css">
<script src="scripts/jquery.tagcloud-2.js" type="text/javascript" charset="utf-8"></script>

<!-- load JPages -->
<link rel="stylesheet" href="css/jPages.css">
<script src="scripts/jPages.js"></script>

<!-- load main script -->
<script src="scripts/main.js"></script>

</head>

<body>

	<!-- HEADER -->
	<!-- <div class="header" id="header">
		<div class="title">Music Recommender System</div> -->
		<div id="info"></div>
	<!-- </div> -->
	<!-- HEADER END -->


	<!-- MAIN CONTENT -->
	<div class="main" id="main">
		<!-- Main content is loaded dynamically dependent on the session state (online,offline,playling). 
		Find the content HTML in the pages folder. -->
	</div>
	<!-- MAIN END -->
	
	<!-- OVERLAY WRAPPER -->
	<div id="overlay-wrapper">
	
	</div>
	<!-- END OVERLAY WRAPPER -->

</body>
</html>
